<template>
  <div class="home_container">
    <!-- 顶部搜索 -->
    <SearchBar/>
    <pullRefresh>
      <!-- 起点月票榜 -->
      <TopRank/>
    </pullRefresh>
    <!-- 新书推荐 和 完本热搜 -->
    <Recommend v-for="item,index in acitonNames" :key="index" :actionName="item.actionName" :title="item.title"/>
    <!-- 百度热搜 -->
    <BookList/>
  </div>
</template>

<script>
import TopRank from './topRank'
import Recommend from './recommend'
import BookList from './booklist'
export default {
  name: 'Home',
  components: { TopRank, Recommend, BookList },
  data () {
    return {
      acitonNames: [
        { title: '新书推荐', actionName: 'recommendNewBook' },
        { title: '完结爆款', actionName: 'recommendBestSell' }
      ]
    }
  }
}
</script>

<style lang="less" scoped>
.home_container {
  padding-bottom: 6em;
}
</style>
